<template>
	<div>
		<div class="evaluateContainer">
			<van-row style="text-align: center;">
				<van-col span="10">
					<van-row>
						<van-col span="10"><h3 style="color: #ff6000; font-size: 2.1rem;">4.3</h3></van-col>
						<van-col span="14">
							<van-row>
								<van-col span="24"><span class="allEvaluatespan">商家评分</span></van-col>
							</van-row>
							<van-row>
								<van-col span="24">****</van-col>
							</van-row>
						</van-col>
					</van-row>
				</van-col>
				<van-col span="10">
					<van-row>
						<van-col span="12">
							<van-row>
								<van-col span="24"><span class="allEvaluatespan">评分</span></van-col>
							</van-row>
							<van-row>
								<van-col span="24">****</van-col>
							</van-row>
						</van-col>
						<van-col span="12">
							<van-row>
								<van-col span="24"><span class="allEvaluatespan">评分</span></van-col>
							</van-row>
							<van-row>
								<van-col span="24">****</van-col>
							</van-row>
						</van-col>
					</van-row>
				</van-col>
				<van-col span="3">
					<van-row>
						<van-col span="24"><span class="allEvaluatespan">评分</span></van-col>
					</van-row>
					<van-row>
						<van-col span="24">****</van-col>
					</van-row>
				</van-col>
			</van-row>
		</div>s
	</div>
</template>
<script>
	export default {
		props: {
			resId:{
				type:String
			}
		},
		created() {
			console.log("商戶的id"+this.resId);
			this.$store.dispatch("getResEvaluate",this.resId)
				.then(res =>{
					
				})
		},
	}
</script>

<style>
	.evaluateContainer {
		padding: 20px 40px;
		height: 30px;
	}
	.allEvaluatespan{
		text-align: center;
		font-size: 0.8rem;
		color: #666;
	}
</style>
